import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
      }
    }
  },
  server: {
    // 指定开发服务器端口号,默认 5173
    // port: 3000, 
    // 设置为 true 时，服务器会尝试在一个空闲端口上运行，如果指定的 port 已经被占用
    strictPort: false, 

    // 指定服务器应该监听哪个 IP 地址，例如 '0.0.0.0' 或 true
    // 设置为 '0.0.0.0' 或 true 会监听所有地址，方便局域网内其他设备访问
    host: '0.0.0.0', 

    // 在服务器启动时自动在浏览器中打开应用程序
    open: true, 
  
    // 启用代理
    // 在开发环境中，常用于解决跨域问题
    proxy: {
      // 当请求路径以 '/api' 开头时
      '/api': {
        // 将请求转发到目标服务器
        target: 'http://localhost:3000', 
        // 改变请求的 origin 头部，以匹配目标 URL
        changeOrigin: true, 
        // 可选：重写路径，例如去除 '/api'
        rewrite: (path) => path.replace(/^\/api/, '')
      }
    },
    
    // 如果您需要使用 HTTPS，可以配置
    // https: {
    //   key: fs.readFileSync('path/to/server.key'),
    //   cert: fs.readFileSync('path/to/server.cert')
    // }
  }
})